<template>
	<div>
		<ColorPicker
			v-model="innerValue"
			v-bind="$attrs"
			v-on="$listeners"
		/>
	</div>
</template>

<script>
import {ColorPicker} from 'element-ui';
export default {
	name:'McColorPicker',
	components:{
		ColorPicker,
	},
	props:['value'],
	data(){
		return {
			innerValue:this.value,
		};
	},
	watch:{
		value:{
			handler(val){
				this.innerValue = val;
			},
			immediate:true,
		},
	},
};
</script>

<style lang="scss" scoped></style>